<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>文件管理系统</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="./tpl/bootstrap-3.3.5-dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="./tpl/bootstrap-3.3.5-dist/css/main.css">

	<!-- 可选的Bootstrap主题文件（一般不用引入） -->
	<link rel="stylesheet" href="./tpl/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!-- 	// <script src="./bootstrap-3.3.5-dist/jquery.min.js"></script> -->

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="./tpl/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="title"><span>小文件管理系统</span></div>
	<div class="second">
		<!-- <div class="file_upload_bg1">
			<span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
			<span>上传文件</span>
		</div> -->
		<div class="file_upload_bg2">
			<span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
			<span>上传文件</span>
		</div>
		<div class="file_upload_bg3">
			<span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
			<span>提交</span>
		</div>
	</div>
	<div class="upload_source">
	 	<form action="./upload_exercise.php" method="post" enctype="multipart/form-data">
	 		<input type="hidden" name="MAX_FILE_SIZE" value="1024000">
	 		<!-- <input class="file" type="file" name="kecheng[]" multiple="true"> -->
	 		<input class="file" type="file" name="kecheng[]" multiple="true">
	 		<input class='submit' type="submit" value="上传">
	 	</form>
 	</div>
 	<div class="list_show_title">
 		<ul class="list_show_width">
 			<li class="list_title">图片</li>
 			<li class="list_title">图片名</li>
 			<li class="list_title">上传时间</li>
 			<li class="list_title">大小</li>
 			<li class="list_title">下载</li>
 			<li class="list_title">删除</li> 
 		</ul>
 	</div>
 	<div class="list_show">
 		<ul class="list_show_width">
 		<?php foreach ($files  as $key => $value) {?>
 			<li class="list_title"><img src="<?php echo $value ?>"></li>
 			<li class="list_title"><?php echo basename("$value") ?></li>
 			<li class="list_title"><?php echo date("Y-m-d H:i:s",filectime("$value")); ?></li>
 			<li class="list_title"><?php echo filesize($value)."Byte" ?></li>
 			<li class="list_title"><a href="./down.php?id=<?php echo $key ?>" class="glyphicon glyphicon-download-alt" aria-hidden="true"></a></li>
 			<li class="list_title"><a href="./del.php?id=<?php echo $key ?>" class="glyphicon glyphicon-trash col-sm-1 " id="down_left" aria-hidden="true"></a></li>
 			<?php }?>
 		</ul>
 	</div>
 	<nav>
 	 <!-- <?php ?> -->
	  <ul class="pagination  change_page">
	    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
	    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
	    <li><a href="#">2</a></li>
	    <li><a href="#">3</a></li>
	    <li><a href="#">4</a></li>
	    <li><a href="#">5</a></li>
	    <li><a href="#">6</a></li>
	    <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&raquo;</span></a></li>
	  </ul>
    </nav>
</body>
</html>